﻿$(document).ready(function () {
    // Tao 2 mang chua ten ngay thang
    var monthNames = ["/1/", "/2/", "/3/", "/4/", "/5/", "/6/", "/7/", "/8/", "/9/", "/10/", "/11/", "/12/"];
    var dayNames = ["Chủ Nhật, ngày ", "Thứ 2, ngày ", "Thứ 3, ngày ", "Thứ 4, ngày ", "Thứ 5, ngày ", "Thứ 6, ngày ", "Thứ 7, ngày "]

    // Tao moi doi tuong Date()
    var newDate = new Date();
    // Lay gia tri thoi gian hien tai
    newDate.setDate(newDate.getDate());
    // Xuat ngay thang, nam
    $('#Date').html(dayNames[newDate.getDay()]+ newDate.getDate() + monthNames[newDate.getMonth()] + newDate.getFullYear());

    setInterval(function () {
        // lay gia tri giay trong doi tuong Date()
        var seconds = new Date().getSeconds();
        // Chen so 0 vao dang truoc gia tri giay
        $("#sec").html((seconds < 10 ? "0" : "") + seconds);
    }, 1000);

    setInterval(function () {
        // Tuong tu lay gia tri phut
        var minutes = new Date().getMinutes();
        // Chen so 0 vao dang truoc gia tri phut neu gia tri hien tai nho hon 10
        $("#min").html((minutes < 10 ? "0" : "") + minutes);
    }, 1000);

    setInterval(function () {
        // Lay gia tri gio hien tai
        var hours = new Date().getHours();
        // Chen so 0 vao truoc gia tri gio neu gia tri nho hon 10
        $("#hours").html((hours < 10 ? "0" : "") + hours);
    }, 1000);
});